﻿    <!-- Carousel -->
<div class="col-md-12">
    @*http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-carousel.php*@
    @* CDF54 - Added data-ride="carousel" to start it after loading the page *@
    <div id="myCarousel" class="carousel slide" style="margin-top: 0px" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img class="img-responsive" src="~/Content/images/carousel0.jpg" data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:First slide" alt="First slide">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>www.helpinfo.fr</h1>
                        <p>Just imposible is imposible</p>
                        <p><a class="btn btn-lg btn-primary" href="http://www.helpinfo.fr/index.php" target="_blank">Go To HelpInfo</a></p>
                    </div>
                </div>
            </div>
            <div class="item">
                <img class="img-responsive" src="~/Content/images/carousel1.png" data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:Second slide" alt="Second slide">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>Visual Studio</h1>
                        <p>Visual Studio 2013</p>
                        <p><a class="btn btn-lg btn-primary" href="http://www.microsoft.com/france/visual-studio/" target="_blank">Go To VS 2013</a></p>
                    </div>
                </div>
            </div>
            <div class="item">
                <img class="img-responsive" src="~/Content/images/carousel2.png" data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:Third slide" alt="Third slide">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>Bootstrap 3</h1>
                        <p>You can modify this template easy</p>
                        <p><a class="btn btn-lg btn-primary" href="#">Sign up today</a></p>
                    </div>
                </div>
            </div>
            <div class="item">
                <img src="~/Content/images/carousel3.png" data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:Four slide" alt="Four slide">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>ASP.NET Mvc 5</h1>
                        <p>Www.asp.net</p>
                        <p><a class="btn btn-lg btn-primary" href="http://asp.net/" target="_blank">Go To ASP.NET Site</a></p>
                    </div>
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div>
</div>
<!-- /.carousel -->
